$(function () {
    //创建一个泡泡选择器
    var picker = new mui.PopPicker({ layer: 3 });
    //选择器中应该有一些什么数据？需要有省市区的数据
    //可以通过选择器对象的setData方法来设置需要显示的数据
    //cityData对象来自于 city.js 文件
    picker.setData(cityData);
    //什么时候应该显示选择器？当用户点击选择省市区 这个文本框的时候，显示选择器
    $("#address").on("click", function () {
        //可以调用picker对象的show方法来显示选择器
        //show方法里面可以传递一个函数，这个函数可以用户选择内容之后的处理
        picker.show((selectedItems) => {
            var names = "";
            //形参selectedItems是一个数组形式的数据，可以获取用户选择的省市区
            selectedItems.forEach((v) => {
                // console.log(v);
                if(v.text){
                    names += v.text;
                }
            })
            $("#address").val(names);
        })
    })

    //给添加收货地址按钮 绑定点击事件
    $("#btnAdd").on("click",function(){
        //获取用户输入的信息
        var recipients = $("#recipients").val();
        var postcode = $("#postcode").val();
        var address = $("#address").val();
        var addressDetail = $("#addressDetail").val();

        //发送请求完成添加收货地址的操作
        $.ajax({
            url:"/address/addAddress",
            type:"post",
            data:{recipients, postcode, address, addressDetail},
            beforeSend:function(){
                if(recipients.trim() === ""){
                    mui.alert("收货人的姓名不能为空");
                    return false;
                }
                if(postcode.trim() === ""){
                    mui.alert("邮政编码不能为空");
                    return false;
                }
                if(address.trim() === ""){
                    mui.alert("省市区不能为空");
                    return false;
                }
                if(addressDetail.trim() === ""){
                    mui.alert("详细地址不能为空");
                    return false;
                }
            },
            success:function(res){
                if(res.success){
                    mui.toast("添加收货地址成功");
                    setTimeout(()=>{
                        location.href="address.html";
                    },2000)
                }else{
                    mui.alert(res.message);
                }
            }
        })
    })
})